body {
    .ui-widget,
    .ui-widget .ui-widget {
        font-family: $fontFamily;
        text-decoration: none;
    }

    .ui-widget-content {
        background-color: $contentBgColor;
        border: 1px solid $contentBorderColor;
    }
    
    .ui-widget-header {
        background-color: $headerBgColor;
        color: $headerTextColor;
        border: 1px solid $headerBorderColor;
        font-weight: bold;
    }

    .ui-state-active, .ui-state-highlight {
        background-color: $highlightBgColor;
        color: $primaryTextColor;
    }
    
    .ui-state-error, .ui-state-default.ui-state-error {
        border: solid 1px $errorBorderColor;
    }
    
    .ui-state-disabled,
    .ui-widget:disabled {
        background-color: $disabledBgColor;
        cursor: default !important;
        
        * {
            cursor: default !important;
        }
    }

    .ui-corner-all {
        @include border-radius($borderRadius);
    }

    .ui-corner-top {
        @include border-radius-top($borderRadius);
    }

    .ui-corner-bottom {
        @include border-radius-bottom($borderRadius);
    }

    .ui-corner-left {
        @include border-radius-left($borderRadius);
    }

    .ui-corner-right {
        @include border-radius-right($borderRadius);
    }

    .ui-widget-overlay {
        background-color: #424242;
        @include opacity(.7);
    }
    
    a {
        color: darken($primaryColor,10%);
        text-decoration: none;
        
        &:hover {
            color: darken($primaryColor,10%);
        }
    }

    .ajax-loader {
        font-size: 28px;
        color: $primaryColor;
    }
}